<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>菜单</title>
<!--<link type="text/css" rel="stylesheet" href="../css/bootstrap.min.css" />-->
<link rel="stylesheet" type="text/css" href='css/caidai.css'/>
</head>

<body>
<div id="open">全部展开</div>
<div id="box">
   <dl>
        <dt>第一类</dt>
        <dd><a href="html/属性控制first1.html" target="_blank">1）元素属性控制</a></dd>
        <dd><a href="html/网页换肤first2.html"  target="_blank">2）网页换肤</a></dd>
        <dd><a href='html/密码提示框first3.html'  target="_blank">3）密码提示框</a></dd>
   </dl>
   
    <dl>
        <dt>第二类</dt>
        <dd><a href='html/下拉菜单和点击显示innerHTMLsecond1.html' target="_blank">1）点击显示innerHTML</a></dd>
        <dd><a href='html/弹出层second3.html' target="_blank">2）弹出层</a></dd>
        <dd><a href='html/函数传参改变div值second4.html'  target="_blank">3）通过输入的属性值改变div的属性值</a></dd>
         <dd><a href='html/图片列表特效second5.html' target="_blank">4）图片列表特效</a></dd>
         <dd><a href='html/日历反选框及切换second6.html' target="_blank">5）日历、列表tab效果和input反选</a></dd>
   </dl>
  
   <dl>
        <dt>第三类</dt>
        <dd><a href='html/时钟倒计时和数字比较third1.html' target="_blank">1）时钟，倒计时和数字比较</a></dd>
        <dd><a href='html/幻灯片及导航条four1.html'  target="_blank">2）网页导航和幻灯片</a></dd>
        <dd><a href='html/选框高亮、数组练习、星际评分four2.html'  target="_blank">3）数组操作、选框高亮与星级评分</a></dd>
         <dd><a href='html/键盘控制div 闪烁 模拟控件five1.html'  target="_blank">4）模拟控件、闪烁、键盘控制div</a></dd>
         <dd><a href='html/跟随鼠标移动和右键自定义菜单five2.html'  target="_blank">5）跟随鼠标移动显示大图、右键自定义菜单</a></dd>   
   </dl>
   
    <dl>
        <dt>第四类</dt>
        <dd><a href='html/自定义右键菜单与完美拖拽six1.html' target="_blank">1）完美拖拽</a></dd>
        <dd><a href='html/仿腾讯微博效果six2.html'  target="_blank">2）仿腾讯微博效果</a></dd>
        <dd><a href='html/苹果解锁效果和菜单栏six3.html'  target="_blank">3）仿MAC菜单栏效果及iphone手机解锁</a></dd>
   </dl>
   
      <dl>
        <dt>实例</dt>
        <dd><a href='html/眼睛在线试戴.html' target="_blank">1）眼镜在线试戴</a></dd>
        <dd><a href='html/计算器second2.html'  target="_blank">2）模拟计算器</a></dd>
       
   </dl>
   
</div>

<div class="fix">大部分案例素材均来自于Ferris QQ:21314130</div>

<script src="js/jquery-3.0.0.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="css/caidai.js"></script>
</body>
</html>
